<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery-1.10.1.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			img{
				width: 50px;
				height: 50px;
				/*transition: 1s height, 1s 1s width;*/
				 transition: 1s ease;
			}
			img:hover{
				width: 100px;
				height: 100px;
			}
		</style>
	</head>
	<body>
		<img src="img/1.png"/>
		<button>点击开始动画</button>
	</body>
	<script type="text/javascript">
		$("button").click(function  () {
//			$("img").slideToggle("5000")
$("img").fadeOut("1000")
//			console.log(1111111111)
//			$("img").animate({
//				width: '100px',
//				height: '100px'
//			},0, 5000,function  () {
////				alert("donghua")
//				
//			})
			
		})
		
	</script>
</html>
